@font-face {


    font-family: 'seagram_tfbregular';


    src: url('./fonts/seagramtfb-webfont.woff2') format('woff2'),


         url('./fonts/seagramtfb-webfont.woff') format('woff');


    font-weight: normal;


    font-style: normal;


}


/* Stili di base */


body {


    /*font-family: Arial, sans-serif;*/


	font-family: seagram_tfbregular; /* Usa il font Blackletter */


	background: url('galleria/Background.png') no-repeat center center; /* Percorso relativo */


    background-size: cover; /* Adatta l'immagine senza tagliarla */


    margin: 0;


    padding: 0;


    line-height: 1.6;


    background-color: #f4f4f4;


    color: #333;


}


body .galleria{


    /*font-family: Arial, sans-serif;*/


	font-family: seagram_tfbregular; /* Usa il font Blackletter */


	background: url('galleria/Sfondo.jpg') repeat center center; /* Percorso relativo */


    margin: 0;


    padding: 0;


    line-height: 1.6;


    background-color: #f4f4f4;


    color: #333;


}





/* Header e Navigazione */


header {


    background: #333;


    color: #fff;


    padding: 10px 0;


}





header .logo {


    font-size: 24px;


    font-weight: bold;


    text-align: center;


	color: #fff;


	text-decoration: none;


}





header nav {


    display: flex;


    justify-content: space-between;


    align-items: center;


    padding: 0 20px;


}





header nav ul {


    list-style: none;


    display: flex;


    margin: 0;


    padding: 0;


}





header nav ul li {


    margin-left: 20px;


}





header nav ul li a {


    color: #fff;


    text-decoration: none;


    padding: 5px 10px;


}





header nav ul li a:hover {


    background: #555;


    border-radius: 5px;


}





/* Sezione Hero */


.logo-headera {


    display: flex;


    align-items: center;


    justify-content: center;


    gap: 10px; /* Adjust spacing as needed */


    flex-wrap: wrap; /* Ensures content wraps on smaller screens */


    text-align: center; /* Center aligns text in case of wrapping */


}





.logoa {


    width: 10vw; /* Responsive width */


    max-width: 50px; /* Limit size */


    height: auto; /* Maintain aspect ratio */


    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.8)); /* Shadow around the visible parts of the image */





}


.logob {


    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.8)); /* Shadow around the visible parts of the image */





}





@media screen and (max-width: 600px) {


    .logo {


        width: 15vw; /* Adjust for smaller screens */


        max-width: 40px;


        filter: drop-shadow(3px 3px 7px rgba(0, 0, 0, 0.6)); /* Adjust shadow for smaller size */


    }


}





.hero-section {


    height: 60vh; /* Altezza della sezione pari all'altezza della finestra */


    background: url('galleria/sfondo2.png') no-repeat center center; /* Percorso relativo */


    background-size: cover; /* Adatta l'immagine senza tagliarla */


    background-color: #333; /* Colore di sfondo per riempire eventuali spazi vuoti */


    display: flex;


    flex-direction: column;


    justify-content: center;


    align-items: center;


    color: #000;


    text-align: center;


	


}





.hero-content h1 {


	font-family: seagram_tfbregular; /* Use your desired font */


    color: black; /* Main text color */


    text-shadow: 


        2px 2px 0 white,  /* Bottom-right shadow */


        -2px 2px 0 white, /* Bottom-left shadow */


        2px -2px 0 white, /* Top-right shadow */


        -2px -2px 0 white, /* Top-left shadow */


        0 2px 0 white, /* Bottom shadow */


        0 -2px 0 white, /* Top shadow */


        2px 0 0 white, /* Right shadow */


        -2px 0 0 white; /* Left shadow */


    font-size: 48px;


    margin: 0;


}


	


.hero-content p {


	font-family: seagram_tfbregular; /* Use your desired font */


    color: black; /* Main text color */


    text-shadow: 


        2px 2px 0 white,  /* Bottom-right shadow */


        -2px 2px 0 white, /* Bottom-left shadow */


        2px -2px 0 white, /* Top-right shadow */


        -2px -2px 0 white, /* Top-left shadow */


        0 2px 0 white, /* Bottom shadow */


        0 -2px 0 white, /* Top shadow */


        2px 0 0 white, /* Right shadow */


        -2px 0 0 white; /* Left shadow */


    font-size: 20px;


    margin: 10px 0;


}





.btn {


    display: inline-block;


    padding: 10px 20px;


    background: #e8491d;


    color: #fff;


    text-decoration: none;


    border-radius: 5px;


    margin-top: 20px;


}





.btn:hover {


    background: #333;


}





/* Sezione About */


.about-section {


	


    padding: 50px 20px;


    


    text-align: center;


	background: url('galleria/pngegg.png') no-repeat center center;


    background-size: cover; 


	background-size: 120% 110%;


	filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 0.8));


}





.about-section h2 {


    font-size: 36px;


    margin-bottom: 20px;


}





/* Sezione Servizi */


.services-section {


    padding: 50px 20px;


	


    /*background: #f4f4f4;*/


    text-align: center;


}





.services-section h2 {


    font-size: 36px;


    margin-bottom: 20px;


}





.service-item h3 {


    font-size: 24px;


    margin-bottom: 10px;


}





.service-item {


	background: url('galleria/pngegg.png') no-repeat center center;


	background-size: cover;


	background-size: 110% 150%;


    /*background: #fff;*/


    padding: 20px;


    margin: 20px;


    border-radius: 5px;


    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);


    text-align: center;


}





/* Sezione del team */


.team-section {


    background-color: #e9ecef; /* Aggiunge un leggero sfondo per differenziare la sezione */


    padding: 40px;


}





.team-container {


    display: flex;


    justify-content: center;


    flex-wrap: wrap;


}





.team-member {


    margin: 20px;


    padding: 20px;


    background: url('galleria/vecchiacarta.png') no-repeat center center; /* Imposta l'immagine di sfondo */


    background-size: cover; /* Adatta l'immagine all'intero contenitore */


	background-size: 100% 100%; /* Adatta l'immagine esattamente al contenitore */


	box-shadow: none;


    border-radius: 5px;


    width: 200px;


    text-align: center;


	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.8));


	transition: transform 0.3s ease;


}





.team-member img {


    width: 100px;


    height: 100px;


    border-radius: 50%; /* Immagini circolari per i membri */


    margin-bottom: 10px;


}





.team-member:hover {


    transform: scale(1.05); /* Zoom su hover */


}





.team-member h4 {


    font-size: 20px;


    margin: 10px 0;


}





.team-member p {


    font-size: 16px;


    color: #555;


}


/* Footer */


footer {


    background: #333;


    color: #fff;


    text-align: center;


    padding: 20px 0;


    position: relative;


    bottom: 0;


    width: 100%;


	margin-top:calc(5% + 60px);


}





.footer-container {


    display: flex;


    justify-content: space-around;


    align-items: center;


    flex-wrap: wrap;


    padding: 20px;


}





.contact-info, .social-icons {


    margin: 10px;


}





.contact-info h3, .social-icons h3 {


    margin-bottom: 10px;


    font-size: 18px;


}





.contact-info p {


    margin: 5px 0;


}





.social-icons a {


    color: #fff;


    font-size: 24px;


    margin: 0 10px;


    transition: color 0.3s ease;


}





.social-icons a:hover {


    color: #e8491d; /* Colore quando si passa il mouse */


}





/* Aggiunta margine superiore per i copyright */


footer p {


    margin-top: 20px;


}





.realizzazioni-container {


    position: relative;  /* Necessario per posizionare i pulsanti sopra il contenitore */


    display: flex;


    flex-wrap: wrap;   /* Gli elementi rimangono su una singola riga */


    gap: 20px;


    padding: 20px;


	justify-content: center;


}








.realizzazione-item {


	background: url('galleria/vecchiacarta.png') no-repeat center center;


	background-size: cover; /* Adatta l'immagine all'intero contenitore */


	background-size: 100% 100%; /* Adatta l'immagine esattamente al contenitore */


	box-shadow: none;


    border-radius: 5px;


    min-width: 300px; /* Mantieni una dimensione minima per le card */


    flex: 0 0 auto; /* Impedisce alle card di ridimensionarsi */


    text-align: center;


    padding: 35px;


    transition: transform 0.3s ease;


	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.8));

    text-overflow: ellipsis;
    
    width: 50ch;

}





.realizzazione-item img {


    width: 500px;


    height: auto;


    border-radius: 20px;


}





.realizzazione-item:hover {


    transform: scale(1.05); /* Zoom su hover */


}








.galleria-container {


    position: relative;  /* Necessario per posizionare i pulsanti sopra il contenitore */


    display: flex;


	flex-wrap: wrap; /* Permette il ritorno a capo se lo spazio è insufficiente */


    gap: 20px;


    padding: 20px;


    scroll-behavior: smooth;  /* Scorrimento fluido */


	


}








.galleria-item {


	background: url('galleria/vecchiacarta.png') no-repeat center center;


	background-size: 100% 100%; /* Adatta l'immagine esattamente al contenitore */


	box-shadow: none;


    border-radius: 5px;


    min-width: 300px; /* Mantieni una dimensione minima per le card */


    text-align: center;


    padding: 35px;


    transition: transform 0.3s ease;


	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.8));


}





.galleria-item img {


    width: 500px;


    height: auto;


    border-radius: 20px;


}





.galleria-item:hover {


    transform: scale(1.05); /* Zoom su hover */


}





.fullsize{


	height: 100%;


	width: 100%;


}